<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<h:head>
<script type="text/javascript">
	function toggleTag(e,x) {
		JQuery.post('${facesContext.externalContext.requestContextPath}/tags/toggle',
			{'caseRecord':x},
			function(data) {
				if(data['tagged'])
					jQuery(e).attr('src','${facesContext.externalContext.requestContextPath}/images/tag_selected.gif')
				else
					jQuery(e).attr('src','${facesContext.externalContext.requestContextPath}/images/tag_white.gif')
			});				
	}
	function performAjaxSubmit(event) {
		if(event.status == "begin"){
			var doctype = $("select.caseType").val();
			var asExhibitCheckbox = $('.asExhibitCheckbox').prop('checked');		
			var myFile = document.getElementById("myFile").files[0];
			
			var formdata = new FormData();
			formdata.append("doctype", doctype);
			formdata.append("myFile", myFile);	
			formdata.append("asExhibitCheckbox", asExhibitCheckbox);	
			
			
			var xhr = new XMLHttpRequest();
			
			xhr.open("POST","${facesContext.externalContext.requestContextPath}/FileUploader", true);
			xhr.send(formdata);
			
			xhr.onload = function(e) {
	   			if (this.status == 200) {
	   			  
	   			}
	    	};
			}
	}
	
</script>
</h:head>
<h:body>
		<t:panelTabbedPane bgcolor="#FFFFCC" serverSideTabSwitch="false" width="100%">
		 
		  <t:panelTab id="tab1" label="Case Information" rendered="true"> 
			<div class="allPeopleHolder">
			<h:panelGrid columns="2" styleClass="tablehead">
				<h:outputText value="Filer Name:"  />
				<h:outputText value="#{clerkCaseDetailsPage.filerName}" />
				<h:outputText value="Division:" />
				<h:outputText value="#{clerkCaseDetailsPage.caseRecord.localCaseDivision.description}" />
				<h:outputText value="Case Category:" />
				<h:outputText value="#{clerkCaseDetailsPage.caseRecord.localCaseCategory.description}" /> 
			</h:panelGrid>
			<h:panelGrid columns="2" styleClass="tablehead">
				<h:outputText value="Case Filing Type:" />
				<h:outputText value="#{clerkCaseDetailsPage.caseRecord.localCaseFilingType.description}" />
				<h:outputText value="Case Type: " />
				<h:outputText value="#{clerkCaseDetailsPage.caseRecord.localCaseType.description}" />		
				<h:outputLabel value="Case Caption: " />
				<h:outputLabel value="#{clerkCaseDetailsPage.caseCaption}" />
				<h:outputText value="OCSS Case Number: " />
				<h:outputText value="#{clerkCaseDetailsPage.OCSSCaseNumber}" />
				<h:outputText value="Court Case Number: " />
				<h:outputText value="#{clerkCaseDetailsPage.courtCaseNumber}" />
				<h:outputLabel value="Court Date: " />
				<h:outputText value="#{clerkCaseDetailsPage.courtDate}" />
				<h:outputText value="Jurisdiction: " />
				<h:outputText value="#{clerkCaseDetailsPage.jurisdiction}" />				
			</h:panelGrid>
			</div> 
			<br />
			<!-- *************************Case Participants*****************************
 			<h:outputText value="CASE PARTICIPANTS" styleClass="header" />-->
 			
 			</t:panelTab>
		   <t:panelTab id="tab2" label="CASE PARTICIPANTS" rendered="true">
 			<!-- ****************************Initiating Party Organization******************-->
 				<div class="grouping">
			<h:outputText value="Initiating Party Organization" styleClass="subHeadingClass" />

			<h:panelGroup>
				<h:dataTable width="100%" value="#{clerkCaseDetailsPage.initiatingPartyOrganizationDataModel}" var="initiatingPartyOrganization" columnClasses="dataTableColumnClass,dataTableColumnClass" >
					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:panelGroup>
							<h:outputText value="#{initiatingPartyOrganization.organizations.name}"
								styleClass="textFont75" />								
							
						</h:panelGroup>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Address" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:dataTable value="#{initiatingPartyOrganization.organizations.addresses}"
							var="addresses">
							<h:column>
								<h:panelGroup>
									<h:outputText value="#{addresses.address.streetFullText}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.streetExtensionText}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.cityName}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.zipCode}"
										styleClass="textFont75" />
								</h:panelGroup>
							</h:column>
						</h:dataTable>
					</h:column>
				</h:dataTable>
			</h:panelGroup> 
			</div>			 <!-- ******************************************************************-->
 			<div class="grouping">
			<h:outputText value="Initiating Party Person"
				styleClass="subHeadingClass" /> <h:panelGroup>
				<h:dataTable width="100%" 
					value="#{clerkCaseDetailsPage.initiatingPartyPersonModel}"
					var="initiatingPartyPerson"
					columnClasses="dataTableColumnClass,dataTableColumnClass">
					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:panelGroup>
							<h:outputText value="#{initiatingPartyPerson.person.firstName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{initiatingPartyPerson.person.middleName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{initiatingPartyPerson.person.lastName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{initiatingPartyPerson.person.suffixName}"
								styleClass="textFont75" />
						</h:panelGroup>
					</h:column>
				</h:dataTable>
			</h:panelGroup> 
			</div>
			 <!-- ****************************Defendent Party Person******************-->
 				<div class="grouping">
			<h:outputText value="Defendant Party" styleClass="subHeadingClass" />

			<h:panelGroup>
				<h:dataTable width="100%" value="#{clerkCaseDetailsPage.defendentPartyPersonModel}" var="defendentParty" columnClasses="dataTableColumnClass,dataTableColumnClass" >
					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:panelGroup>
							<h:outputText value="#{defendentParty.person.firstName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{defendentParty.person.middleName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{defendentParty.person.lastName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{defendentParty.person.suffixName}"
								styleClass="textFont75" />
						</h:panelGroup>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Address" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:dataTable value="#{defendentParty.person.addresses}"
							var="addresses">
							<h:column>
								<h:panelGroup>
									<h:outputText value="#{addresses.address.streetFullText}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.streetExtensionText}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.cityName}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.zipCode}"
										styleClass="textFont75" />
								</h:panelGroup>
							</h:column>
						</h:dataTable>
					</h:column>
				</h:dataTable>
			</h:panelGroup> 
			</div>
			 <!-- *****************************Witness************************************* -->
			 <div class="grouping">
			<h:panelGroup>
				<h:outputText value="Witness" styleClass="subHeadingClass" />
			</h:panelGroup> <h:panelGroup>
				<h:dataTable id="DATATABLE_witness" width="100%" 
					value="#{clerkCaseDetailsPage.witnessPersonModel}" var="witness"
					columnClasses="dataTableColumnClass,dataTableColumnClass">
					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:panelGroup>
							<h:outputText value="#{witness.person.firstName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{witness.person.middleName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{witness.person.lastName}"
								styleClass="textFont75" />
							<h:outputText value="#{witness.person.suffixName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
						</h:panelGroup>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Address" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:dataTable value="#{witness.person.addresses}" var="addresses">
							<h:column>
								<h:panelGroup>
									<h:outputText value="#{addresses.address.streetFullText}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.streetExtensionText}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.cityName}"
										styleClass="textFont75" />
									<h:outputText value=" " />
									<h:outputText value="#{addresses.address.zipCode}"
										styleClass="textFont75" />
								</h:panelGroup>
							</h:column>
						</h:dataTable>
					</h:column>
				</h:dataTable>
			</h:panelGroup> 
			</div>
			 <!-- ********************************Plaintiff's Attorney*************************** -->
 			<div class="grouping">
			<h:panelGroup>
				<h:outputText value="Plaintiff's Attorney"
					styleClass="subHeadingClass" escape="true" />
			</h:panelGroup> <h:panelGroup>
				<h:dataTable id="DATATABLE_plantiff" width="100%" 
					value="#{clerkCaseDetailsPage.plantiffsAttorneyModel}"
					var="plantiff" 
					columnClasses="dataTableColumnClass,dataTableColumnClass">
					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:panelGroup>
							<h:outputText value="#{plantiff.person.firstName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{plantiff.person.middleName}"
styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{plantiff.person.lastName}"
							styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{plantiff.person.suffixName}"
styleClass="textFont75" />
						</h:panelGroup>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="BarID" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:outputText value="#{plantiff.person.attorney.barID}"
							styleClass="textFont75" />
					</h:column>
				</h:dataTable>
			</h:panelGroup> 
			 </div>
			<!-- ********************************Defendent's Attorney*************************** -->
 <div class="grouping">
			<h:panelGroup>
				<h:outputText value="Defendant's Attorney"
					styleClass="subHeadingClass" escape="true" />
			</h:panelGroup> 
			<h:panelGroup>
				<h:dataTable id="DATATABLE_defendent" width="100%" 
					value="#{clerkCaseDetailsPage.defendentsAttorneyModel}"
					var="defendentsAttorney"
					columnClasses="dataTableColumnClass,dataTableColumnClass">
					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:panelGroup>
							<h:outputText value="#{defendentsAttorney.person.firstName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{defendentsAttorney.person.middleName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{defendentsAttorney.person.lastName}"
								styleClass="textFont75" />
							<h:outputText value=" " />
							<h:outputText value="#{defendentsAttorney.person.suffixName}"
								styleClass="textFont75" />
						</h:panelGroup>
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="BarID" styleClass="subHeadingTextClass" />
						</f:facet>
						<h:outputText value="#{defendentsAttorney.person.attorney.barID}"
							styleClass="textFont75" />
					</h:column>
				</h:dataTable>
			</h:panelGroup>
 
		</div>
		<br />
			<!-- *****************************Documents****************************
		
			<h:outputText  value="DOCUMENTS" styleClass="header" />		-->		
		</t:panelTab>
			<t:panelTab id="tab3" label="Case Documents" rendered="true">
			<!-- Upload Document Functionality starts here-->

			<!-- for look up -->			
			<div id="bodypanel" class="grouping"><h:outputLabel
				value="Prepare Filings for Attorney" styleClass="textFont200" /> <br />
			
			<h:panelGrid id="uploadGrid" width="100%" columns="3" styleClass="iCubed">
				<f:facet name="header">
								Document Type
							</f:facet>
				<h:column> 
								Select Document Type: 
							</h:column>
			   <h:column>
					<h:selectOneMenu id="caseType" size="1" class="caseType" value="#{filingDocumentUploadPage.docType}" binding="#{filingDocumentUploadPage.docTypeInput}" title="#{bundle.documentDescription}">
						<f:selectItems id="selectItem" value="#{filingDocumentUploadPage.docTypeDescriptionsItems}"  />
					</h:selectOneMenu>
				</h:column>
				<h:column />
				<h:column>			
								Prepare Document for Filing
							</h:column>
					<h:column>
						<input id="myFile" name="myFile" type="file" />
						<!-- <t:inputFileUpload id="upload"
							value="#{filingDocumentUploadPage.myFile}" storage="file"
							required="true" /> -->
					</h:column>
	
				<h:column />
								<h:column>
					<h:outputText value="Upload as Exhibit:"/>
				</h:column>
				<h:column>
					<h:selectBooleanCheckbox id="asExhibitCheckbox" class="asExhibitCheckbox" value="#{filingDocumentUploadPage.asExhibit}"  title="#{bundle.exhibitButton}" >					
					</h:selectBooleanCheckbox>
				</h:column>				
				
			</h:panelGrid> 
				<h:commandLink id="uploadFile" title="#{bundle.uploadFileButton}" styleClass="button">
				<h:outputText value="UPLOAD FILE"/>
				<f:ajax onevent="performAjaxSubmit" render="panelDocuments  uploadGrid"/>
				</h:commandLink>
			 
			</div>
		
	
	
	<!-- Upload Document Functionality Ends here-->
			
		<t:div id="panelDocuments" styleClass="grouping">	
			<h:outputText  value="Imported Documents" styleClass="tablehead" />				
				<h:panelGrid  columns="2" width="100%">
					<h:dataTable id="DATATABLE_i_documents" width="100%" 
						value="#{clerkCaseDetailsPage.importedDocumentsModel}"
						var="documents_imported"
						columnClasses="dataTableSubColumnClass,dataTableSubColumnClass">
						<h:column>
							<f:facet name="header">
								<h:outputText value="Title" styleClass="subHeadingTextClass" />
							</f:facet>
							<h:commandLink value="#{documents_imported.title}"  action="#{clerkCaseDetailsPage.viewFile}" styleClass="textFont75">
             					<f:param name="title" binding="#{clerkCaseDetailsPage.documentClicked_Imported}" value="#{documents_imported}"/>
             					<f:param name="physicalType" value="#{documents_imported.physicalType}" />
         					</h:commandLink>
					<!--  		<h:panelGroup>  
								<h:outputText value="#{documents_imported.title}" styleClass="textFont75" />							 
							</h:panelGroup> -->
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Type" styleClass="subHeadingTextClass" />
							</f:facet>
							<h:outputText value="#{documents_imported.documentInstance.description}" styleClass="textFont75" />
						</h:column>
						<!-- 
						<h:column >
							<f:facet name="header">
								<h:outputText value=""  />
							</f:facet>
							<h:outputText value="Sealed" styleClass="textFont75Bold" />  
						</h:column>
						 -->
						<!-- Frank added following block -->
						<!-- Frank commented out "and not(documents_imported.signedDoc)" -->	
						<h:column rendered="#{(documents_imported.orderedDoc) and not(documents_imported.signedDoc)}">
						<f:facet name="header">
								<h:outputText value="Sign Document" styleClass="subHeadingTextClass" />
						</f:facet>
							<h:commandLink  value="Sign" action="#{clerkCaseDetailsPage.signDocument}"  styleClass="textFont75Link"  >
							<!-- Frank changed signatureBinding to validateBinding -->
								<f:param name="doc" value="#{documents_imported}" binding="#{clerkCaseDetailsPage.validateBinding}"/>								
							</h:commandLink>
						</h:column>						
						<!-- Frank ended adding here -->			
					 	<!-- <h:column >
							<f:facet name="header">
								<h:outputText value=""  />
							</f:facet>							
							<h:commandLink value="Seal" action="#{clerkCaseDetailsPage.gotoValidateDocument}"  styleClass="textFont75Link" >
								<f:param name="doc" value="#{documents_imported}" binding="#{clerkCaseDetailsPage.validateBinding}" /> 							
							</h:commandLink>
						</h:column>
						</h:column> -->						
						<h:column rendered="#{ (documents_imported.signedDoc)}">
							<f:facet name="header">
								<h:outputText value=""  />
							</f:facet>
							<h:commandLink value="View Details" action="#{clerkCaseDetailsPage.viewSignatureDetails}"  styleClass="textFont75Link" >
								<f:param name="doc" value="#{documents_imported}" binding="#{clerkCaseDetailsPage.signatureBinding}" /> 							
							</h:commandLink>
						</h:column> 						
					</h:dataTable>				
				</h:panelGrid>
				
				
				<h:outputText  value="Uploaded Documents" styleClass="tablehead" />				
				<h:panelGrid columns="2" width="100%">
					<h:dataTable id="DATATABLE_n_documents" width="100%" 
						value="#{clerkCaseDetailsPage.uploadedDocumentsModel}"
						var="documents_uploaded"
						columnClasses="dataTableSubColumnClass,dataTableSubColumnClass">
						<h:column>
							<f:facet name="header">
								<h:outputText value="Title" styleClass="subHeadingTextClass" />
							</f:facet>
							<h:commandLink value="#{documents_uploaded.title}" action="#{clerkCaseDetailsPage.viewFile}"  styleClass="textFont75">
             					<f:param name="title" binding="#{clerkCaseDetailsPage.documentClicked_Uploaded}" value="#{documents_uploaded}"/>
             					<f:param name="physicalType" value="#{documents_uploaded.physicalType}" />
         					</h:commandLink>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Type" styleClass="subHeadingTextClass" />
							</f:facet>
							<h:outputText value="#{documents_uploaded.documentInstance.description}" styleClass="textFont75" />
						</h:column>
						<h:column rendered="#{(documents_uploaded.documentInstance.requiresClerkSignature) and (documents_uploaded.status.code == 6)}">
							<f:facet name="header">
								<h:outputText value="Sign Document" styleClass="subHeadingTextClass" />
							</f:facet>
							<h:commandLink value="Sign"  styleClass="textFont75Link">								
								<f:ajax listener="#{clerkCaseDetailsPage.signDocument(documents_uploaded)}" render="DATATABLE_n_documents"/>
							</h:commandLink>
						</h:column>	
						<h:column rendered="#{(documents_uploaded.status.code == 8)}">
							<f:facet name="header">
								<h:outputText value="Sign Document"  />							
							</f:facet>
							<h:outputText value="Signed" styleClass="textFont75Bold" /> 					
						</h:column>	
					</h:dataTable>				
				</h:panelGrid>
				
				
		</t:div>
		</t:panelTab>
	</t:panelTabbedPane>
</h:body>
</html>

